<template>
  <div>
    <!-- 测试骨架组件 -->
    <XtxSkeleton :width="500" :height="1000" bg="blue"/>
    <XtxSkeleton :width="100" :height="100" bg="red"/>
    <!-- 测试轮播图组件 -->
    <XtxSlider :sliders="sliders" :time="3000"/>
    <!-- 测试面包屑导航 -->
    <XtxBread separator="->">
      <XtxBreadItem>1</XtxBreadItem>
      <XtxBreadItem>2</XtxBreadItem>
      <XtxBreadItem to="123">3</XtxBreadItem>
    </XtxBread>

    <XtxInfiniteLoad />
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  setup () {
    const sliders = ref([
      {
        hrefUrl: '/#/',
        id: '630000201807155635',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b1.jpg'
      },
      {
        hrefUrl: '/#/',
        id: '650000201207058528',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b2.jpg'
      }
    ])
    return {
      sliders
    }
  }
}
</script>

<style>

</style>
